<template>
  <div style="padding: 30px 15px 30px 15px;">
    <h3>评论列表</h3>
    <p v-show="comments.length===0">暂无评论，请在左侧添加评论！</p>
    <el-row :span="10" v-for="(item, index) in comments" :key="index"  style="margin-top: 10px;">
      <Item :item="item" :deleMsg="deleMsg" :index="index"/>
    </el-row>
  </div>
</template>

<script>
  import Item from './Item'

    export default {
      //声明接收属性
      props: {
        comments: Object,
        deleMsg: Function
      },
      components: {
        Item
      },
    }
</script>

<style>

</style>
